<template>
    <div>
        <el-row>
            <el-col :span="3">
                <img src="../assets/logo.png" style="width:100px">
            </el-col>
            <el-col :span="2">
                <el-link :underline="false">首页{{this.$store.state.user.username}}--{{this.$store.state.user.password}}</el-link>
            </el-col>
            <el-col :span="2">
                <el-link :underline="false">下载APP</el-link>
            </el-col>
            <el-col :span="9">
                <el-input
                    placeholder="请输入内容"
                    suffix-icon="el-icon-search">
                </el-input>
            </el-col>
            <el-col :span="2">
                <el-link :underline="false" @click="toLogin">登录</el-link>
            </el-col>
            <el-col :span="2">
                <el-link :underline="false">Aa</el-link>
            </el-col>
            <el-col :span="2">
                <el-button round>注册</el-button>
            </el-col>
            <el-col :span="2">
                <el-button round type="primary" icon="el-icon-edit-outline">写文章</el-button>
            </el-col>
        </el-row>
    </div>
</template>

<script>
export default {
    name:'Header',
    methods:{
        toLogin(){
            this.$router.push('/toLogin');
        }
    }
}
</script>